.showBox {
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3);
	background: #000;
}

.showBox .enter_room a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 690px;
	height: 450px;
	display: block;
}

.flash,.flashR {
	float: left
}

.flash .livePlayer {
	border: 1px #000 solid;
	width: 690px;
	height: 450px;
	background: #1e1e1e
}

.flashR ul {
	border-bottom: 2px #000 solid;
	border-top: 2px #000 solid
}

.flashR ul li {
	width: 198px;
	position: relative;
	background: #252525
}

.flashR ul li a {
	display: block;
	height: 112px;
	width: 198px;
}

.flashR ul li img {
	border-color: #000;
	border-style: solid;
	border-width: 1px 1px 0;
	height: 110px;
	width: 198px
}

.flashR .showImg {
	position: relative;
	z-index: 0
}

.flashR .showImg .shadow {
	background: url(../images/black.png) repeat;
	cursor: pointer;
	display: block;
	height: 110px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 198px;
	z-index: 10;
	width: 198px;
}

.flashR .showImg .headline {
	z-index: 1;
	width: 198px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: none repeat scroll 0 0 #000;
	opacity: .6;
	position: absolute;
	bottom: 0;
	left: 0
}

.flashR .showImg:hover .shadow,.flashR .showImg.current .shadow,.flashR .showImg .borderPic
	{
	display: none;
}

.flashR .showImg:hover .borderPic,.flashR .showImg.current .borderPic {
	display: block;
	z-index: 2
}

.game-list {
	margin-left: -1%;
}

.game-des {
	background: #48b87a;
	height: 28px;
	padding: 2%;
	font-size: 1.0em;
	color: #ffffff;
}

.game-list li {
	float: left;
	width: 19%;
	margin-left: 1%;
}

.game-list li image {
	width: 100%;
}

.live-list {
	margin-left: -1%;
}

.live-list li {
	float: left;
	width: 24%;
	margin-left: 1%;
	margin-bottom: 1%;
}

.live-list li image {
	width: 100%;
}

.live-name {
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 0;
	left: 0;
	text-align: center;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #ffffff;
	height: 20px;
	background: rgba(0, 0, 0, .45);
}

.live-thumb {
	position: relative;
	height: 120px;
}

.live-name span {
	position: relative;
	z-index: 100;
	color: #fff;
}

.live-des {
	background: #F5F5F5;
	height: 28px;
	padding: 2%;
	color: #999;
	font-size: 1.0em;
	overflow: hidden;
}

.live-des .live-desc-member {
	padding-left: 10%
}

.video-left {
	width: 350px;
	float: left;
}

.video-right {
	width: 538px;
	float: right;
}

.video-thumb {
	position: relative;
}

.live-name span {
	position: relative;
	z-index: 100;
	color: #fff;
}

.video-row {
	display: block;
	clear: both;
}

.video-big-thumb {
	width: 350px;
	height: 218px;
	position: relative;
}

.video-big-thumb img {
	width: 350px;
	height: 218px;
}

.video-name span {
	position: relative;
	color: #fff;
	height: auto;
	width: 168px;
}

.video-big-thumb .mod_poster {
	width: 350px;
	height: 218px;
}

.video-name {
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
	text-align: center;
	word-wrap: normal;
	color: #ffffff;
	background: rgba(0, 0, 0, .45);
	text-align: left;
}

.video-list {
	
}

.video-list li {
	float: left;
	width: 168px;
	margin-left: 2%;
	margin-bottom: 2%;
}

.video-list li img {
	width: 100%;
}

.video-thumb {
	width: 168px;
	height: 90px;
	position: relative;
	height: 90px;
}

.video-des {
	background: #F5F5F5;
	height: 28px;
	padding: 2%;
	color: #999;
	font-size: 1.0em;
	overflow: hidden;
}

.video-rec-row {
	margin-bottom: 3.6%;
}

.anchors {
	padding-top: 15px;
	margin-left: -3%;
}

.anchors li {
	width: 29.33333333333333%;
	margin-left: 4%;
	margin-bottom: 5%;
	float: left;
	height: 106px;
	float: left;
}

.anchors-des {
	background: #F5F5F5;
	height: 26px;
	padding: 2%;
	color: #999;
	font-size: 1.0em;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.match-list li {
	margin-bottom: 4.6%;
}

.match-list .match-des {
	background-color: #F5F5F5;
	height: 58px;
	padding: 2%;
	color: #999;
	font-size: 1.0em;
	overflow: hidden;
	width: 100%;
}